@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

.wf-error-msg{
    background: #FFF;
    padding: 10 * @hd 16* @hd;
    border-bottom:1 * @hd solid #EEE9E9;
    .wf-error-msg-title{
        font-size: 14 * @hd;
        color:#666;
        .am-icon-warning{
            width: 18 * @hd;
            height: 18 * @hd;
            margin-right: 10 * @hd;
            color: #FF5500;
            position: relative;
            top: 3* @hd;
        }
    }

    .wf-error-msg-detail,.wf-error-msg-bottom{
        line-height: 16 * @hd;
        margin: 4 * @hd 8 * @hd;
    }

    .wf-error-msg-detail{
        color:#666;
        font-size: 14 * @hd;
        padding-left: 20 * @hd;
        a{
            color:#2b8ae2;
        }

        .detail-condition-link{
            cursor:pointer;
            padding-right:5 * @hd;
        }

        .message-detail-condition{
            display:none;
        }

        .importantInfo{
            font-weight:bold;
            padding-right:8 * @hd;
        }

        .importantDetailInfo{
            font-weight:bold;
            padding-right:4 * @hd;
            padding-left:4 * @hd;
        }
    }

    .wf-error-msg-bottom{
        color:#5f5f5f;
        padding-left: 20 * @hd;
        .sendMsgBtn{
            color:#2b8ae2;
            cursor:pointer;
        }
    }
}

.wf-confirm-msg{
    background-color: #FFF;
    padding: 8 * @hd 0 * @hd 8 * @hd 12 * @hd;
    .wf-confirm-msg-title{
        margin-bottom: 6 * @hd;
        font-size: 14 * @hd;

        .wf-confirm-msg-titlesuffix span{
            margin-right: 6 * @hd;
        }
    }
    .wf-confirm-msg-operators{
        display: flex;
        margin: 2 * @hd 0 * @hd;

        .wf-confirm-msg-receiver-title{
            flex-shrink: 0;
        }
        .wf-confirm-msg-receiver-users{
            overflow: hidden;
            word-break: break-all;

            .wf-confirm-msg-user{
                margin-right: 6 * @hd;

                .wf-confirm-msg-connect-symbol{
                    padding-left: 2 * @hd;
                    padding-right: 2 * @hd;
                }
            }

            .wf-confirm-msg-user-icon{
                position: relative;

                .am-icon{
                    color: #B2B2B2;
                    cursor: pointer;
                    position: absolute;
                    top: -4 * @hd;
                }
            }
        }
    }
}

.wf-reject-msg{
    background: #FFF;
    padding: 10 * @hd 16* @hd;
    color:#666;
    border-bottom:1 * @hd solid #EEE9E9;
    .am-icon-warning{
        width: 18 * @hd;
        height: 18 * @hd;
        margin-right: 10 * @hd;
        color: #FFAA00;
        position: relative;
        top: 3 * @hd;
    }
    .wf-reject-msg-user{
        margin: 0 * @hd 4 * @hd;
    }
    .wf-reject-msg-time{
        margin: 0 * @hd 2 * @hd;
    }
}
.wf-freeWorkflowSimple-msg{
    background: #FFF;
    line-height: 40 * @hd;
    padding-left: 16 * @hd;
    font-size: 14 * @hd;
    border-bottom:1 * @hd solid #EEE9E9;
    color:#666;
    .am-icon-remind{
        width: 18 * @hd;
        height: 18 * @hd;
        margin-right: 10 * @hd;
        color: #57A4E5 ;
        position: relative;
        top: 3 * @hd;
    }
    a{
        color: #2b8ae2;
    }
}

.ensure-submit-modal {
  text-align: left;
  .content-box {
    .next-node {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .operator-text { 
      overflow: hidden;
      .next-operator {
        float: left;
      }
      a {
        float: left;
        color: #4D7AD8;
      }
      .operator {
        display: inline-block;
        padding-left: 5px;  
      }
    }
    .forcast-link {
      font-size: 12px;
      color: #4d7ad8;
      svg.am-icon-xxs {
        position: relative;
        top: 1px;
        width: 12px;
        height: 12px;
      }
    }
  }
}